<template>
  <div class="w-full h-full flex justify-between items-start flex-col">
    <div class="w-full h-10">顶部搜索区</div>
    <div class="flex-1 w-full flex flex-wrap justify-start content-start">
      <div v-for="item in list " :key="item.name" class="w-1/5 h-64 p-2 flex justify-between items-center">
        <div class="w-full flex-1 juzhong">
          <n-image width="100" :src="item.url" object-fit="contain"></n-image>
        </div>
        <div>
          <div>{{item.name}}</div>
          <div>{{item.createTime}}</div>
        </div>
      </div>
    </div>
    <div class="w-full">
      <fenye :totalnum="1000"></fenye>
    </div>
  </div>
</template>

<script>
import {defineComponent, ref} from "vue"
import {useStore} from "vuex";
import {useRoute, useRouter} from "vue-router";

export default defineComponent({
  name: '',//组件名称
  props: {
    //接收父组件数据
  },
  components: {
    //定义子组件
  },
  setup(prop, content) {
    const store = useStore()
    const route = useRoute()
    const router = useRouter()
    const list = ref([])
    return {
      list,
    }
  }
})

</script>

<style scoped>

</style>
